<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
    <div class="container">
	<!-- Espaciado -->
	<br/><br/>
	
    <!-- Layout Usuario -->
    
    <div class="col-md-4">
    	<ui:include src="LayoutUsuario.xhtml" />
    </div>
    
    <!-- Layout Usuario -->
    
    <!-- Layout Carro -->
    <div class="col-md-offset-6 col-md-2">
    <h:panelGroup id="layoutCarro">
    		<ui:include src="LayoutCarro.xhtml" />
    </h:panelGroup>
    </div><br/><br/><br/><br/>
    <!-- Layout Carro -->
    
 	<!-- Contenido -->
 	
 	<h:form>
 	<h:dataTable value="#{listarProductosMB.listaProductos}" var="producto" styleClass="table table-condensed table-bordered table-hover">
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Nombre" />
        		</f:facet>
        		<h:outputText value="#{producto.nombreProducto}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Descripcion" />
        		</f:facet>
        		<h:outputText value="#{producto.descripcionProducto}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Precio" />
        		</f:facet>
        		<h:outputText value="#{producto.precioProducto}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Cantidad" />
        		</f:facet>
        		<h:outputText value="#{producto.cantidadProducto}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Agregar" />
        		</f:facet>
        			<h:commandButton styleClass="btn btn-success" value="Agregar" action="#{productoCarroMB.agregarProductoCarro(producto)}"/>
    		</h:column>
    		
    </h:dataTable>	
    </h:form>
    <ui:include src="BuscaPaginas.xhtml" />
    </div>
    
    
 	<!-- Fin Contenido -->
 	
</ui:composition>